<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>AM</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link th:href="@{https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css}" rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<h1>订单物流管理</h1>

<div class="container">
    <div class="row">
        <form class="form-addOrder" th:action="@{/order/add}">
            <div class="col-xs-3 col-sm-2">

                <label>店铺</label>
                <select class="form-control" th:name="shop">
                    <option value='1'>卫成轩</option>
                    <option value='2'>ad</option>
                    <option value='3'>思比睿</option>
                </select>
            </div>
            <div class="col-xs-3 col-sm-2">

                <div class="form-group">
                    <label>订单号</label>
                    <input type="text" class="form-control" th:name="orderNo" placeholder="请输入订单号">
                </div>
            </div>
            <div class="col-xs-3 col-sm-2">

                <label>物流承运商</label>
                <select class="form-control" th:name="logisticsCompany">
                    <option value='1'>韵达</option>
                    <option value='2'>中通</option>
                    <option value='3'>圆通</option>
                    <option value='4'>德邦</option>
                </select>
            </div>
            <div class="col-xs-3 col-sm-2">

                <div class="form-group">
                    <label>物流单号</label>
                    <input type="text" class="form-control" th:name="logisticsNo" placeholder="请输入物流运单号">
                </div>
            </div>

            <div class="col-xs-3 col-sm-2">

                <div class="form-group">
                    <label>收件人手机号</label>
                    <input type="text" class="form-control" th:name="phone" placeholder="请输入手机号码">
                </div>
            </div>
            <div class="col-xs-3 col-sm-2">
                <div class="form-group">
                    <!--            <label for="sub">sub</label>-->
                    <button type="submit" class="btn btn-primary align-bottom">提交</button>
                </div>
            </div>
        </form>
    </div>
    <div class="row">
        <div style="padding: 100px 100px 10px;">
            <form class="bs-example bs-example-form" role="form">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入订单号">
                            <span class="input-group-btn">
						<button class="btn btn-default" type="button">
							查询
						</button>
					</span>
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
            </form>
        </div>

    </div>
    <div class="row">
        <table class="table table-hover">
            <caption>订单列表</caption>
            <thead>
            <tr>
                <th>店铺</th>
                <th>订单号</th>
                <th>物流承运商</th>
                <th>物流运单号</th>
                <th>收件人手机号</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>Tanmay</td>
                <td>Bangalore</td>
                <td>560001</td>
                <td>Bangalore</td>
                <td>560001</td>
            </tr>
            <tr>
                <td>Sachin</td>
                <td>Mumbai</td>
                <td>400003</td>
            </tr>
            <tr>
                <td>Uma</td>
                <td>Pune</td>
                <td>411027</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>
</body>
</html>